<template>
  <div style="height: 600px;padding:0 2px;">
    <tinymce v-model="value" :height="400"  ref="tinymce"/>
  </div>
</template>
<script>
import Tinymce from '@/components/Tinymce'

export default {
  components: {
    Tinymce
  },
  data() {
    return {
      value:"",
    };
  },
  props:{
    content:{
      type:String,
      require:false,
      default:''
    }
  },
  // mounted(){
  //   this.value = this.content
  // },
  // computed:{
  //   function(){

  //   }
  // },
  watch:{
    value:function(n,o){
      this.$emit('change',n)
    },
    content:function(n,o){
      this.value = n
    }
  },
  methods: {
    setValue(){
      this.$refs.tinymce.setContent(this.content)
    }
  },
  
};
</script>
<style lang='less' >
.editor {
  line-height: normal !important;
  height: 500px;
}
</style>